<!-- 首页 -->
<template>
  <div class="index-container">
    <div class="detail-box">
      <van-image :src="Banner1" />
    </div>
    <div class="detail-content">
      <h3>广告设计</h3>
      <p>99.00</p>
    </div>
    <div class="bottom-botton">
    <van-button round @click="GoToGoodsOrder" type="primary">立即购买</van-button>
  </div>
    <!-- <van-submit-bar :price="3050" button-text="提交订单" @submit="onClickButton" /> -->
  </div>
</template>
<script setup>

import { reactive, toRefs, onMounted, computed } from "vue"
import Banner1 from "@/assets/image/01.png"
import { useRoute, useRouter } from "vue-router";

const state = reactive({
  Banner1,
})

const router = useRouter()
const route = useRoute()

const GoToGoodsOrder = () => {
  router.push({
    path: '/goodOrder',
    query: route.query
  })
}
onMounted(() => {

})

</script>



<style lang="scss" scoped>
.index-container {
  background: #fff;
  min-height: 100vh;
}
.detail-box{
  width: 100%;
  .van-image{
    width: 100%;
  }
}
.detail-content{
  padding:15px;
  p{
    color:#f00;
    margin-top: 10px;
    &::before{
      content:"￥";
      font-size: 12px;
      margin-right: 2px;
    }
  }
}
.bottom-botton{
  position: fixed;
  bottom: 15px;
  left:15px;
  right:15px;
  .van-button{
    width: 100%;
  }
}
</style>
